<link href="{OSSURL}public/mobile/css/manual_edit.css" rel="stylesheet" />
<link href="{OSSURL}public/mobile/css/manual_share_css.css" rel="stylesheet" />
<style>
.manual_main_bg{background: url({OSSURL}public/mobile/img/bg_manual.jpg) no-repeat; background-position: top center; background-size: cover; }
.manual_cover .cloud{ position: absolute; z-index: 2; right: 10px; top: 20px; width:230px; height: 100px; background: url({OSSURL}public/mobile/img/cloud.png) no-repeat center; background-size:230px 100px; color: #fff; padding: 10px;}
.li_block_2 .on:before{position: relative; content: ""; background: url({OSSURL}public/mobile/img/flower_select.png) no-repeat; background-position:center; background-size: 10px; position: absolute; z-index: 2; height: 10px; width:10px; left: 20px; top: 10px;   }
.situation_level1{ padding: 0 0 0 30px; background: url({OSSURL}public/mobile/img/flower1.png) no-repeat left top; background-size: 20px; }
.situation_level2{ padding: 0 0 0 30px; background: url({OSSURL}public/mobile/img/flower2.png) no-repeat left top; background-size: 20px; }
.situation_level3{ padding: 0 0 0 30px; background: url({OSSURL}public/mobile/img/flower3.png) no-repeat left top; background-size: 20px; }
.evaluation_box .evaluation_box_til1{ border-bottom: 1px solid #c9c9c9; line-height: 30px; height: 30px; color: #55c354; font-size: 16px; padding-left:50px; background: url({OSSURL}public/mobile/img/manual_icon1.png) no-repeat; background-position: 15px bottom; background-size: auto 26px; overflow: auto; zoom:1;}
.headmaster_edit_btn{ float: right; width: 30px; height: 30px; background: url({OSSURL}public/mobile/img/evaluation_edit_icon2.png) no-repeat center; background-size: 20px; padding-right: 10px;}
.other_teacher_edit_btn{ float: right; width: 30px; height: 30px; background: url({OSSURL}public/mobile/img/situation_edit_icon.png) no-repeat center; background-size: 20px; padding-right: 10px; position: absolute; top: 0; right: 0;}
.evaluation_box .evaluation_box_til2{ border-bottom: 1px solid #c9c9c9; line-height: 30px; height: 30px; color: #55c354; font-size: 16px; padding-left:50px; background: url({OSSURL}public/mobile/img/manual_icon2.png) no-repeat; background-position: 15px bottom; background-size: auto 26px;}
.manual_student_list_search .search_btn{ width: 22px; height: 22px; background: url({OSSURL}public/mobile/img/manual_search_icon.png) no-repeat center; background-size: 22px; position: absolute; right: 10px; top: 10px;}
.manual_student_list_ul_a li .ul_a_til .class_icon{ width: 40px; height: 40px; background: url({OSSURL}public/mobile/img/i_icon.png) no-repeat right center; background-size: 16px; float: right; }
.manual_student_list_ul li a{ width: 100%; box-sizing: border-box; padding-right: 22px; border-right: 8px; border-right-color: transparent; background: url({OSSURL}public/mobile/img/manual_to_icon.png) no-repeat right; background-size: 12px; color: #000; line-height: 40px;}
.teacher_evaluation_edit_btn{ position: fixed; bottom: 80px; right: 20px; width: 50px; height: 50px; border-radius: 50%; background-color: #30c6e1; background-image: url({OSSURL}public/mobile/img/evaluation_edit_icon.png); background-position: center; background-size: 22px; z-index: 2; background-repeat: no-repeat;}
.no_data .no_data_icon{ margin-top: 50px; width: 100%; height: 130px; background: url({OSSURL}public/mobile/img/nothing_icon.png) no-repeat center;background-size: 80px;}
.has_eval{margin-left: 25px; background: url({OSSURL}public/mobile/img/flower_select.png) no-repeat center; background-size: 10px; height: 40px; line-height: 40px; width: 10px; content: "  "}
</style>
<style>
.manual_list_ul li .li_text .til3.btn_share{color: #55c354; line-height: 28px; padding: 0 5px 0 30px; background: url({OSSURL}public/mobile/img/share_icon1.png) no-repeat 5px center; background-size: 20px; border: 1px solid #eeeeee; border-radius: 3px; min-width: 30px; text-align: center;}
.manual_main_bg{background: url({OSSURL}public/mobile/img/bg_manual.jpg) no-repeat; background-position: top center; background-size: cover; }
.manual_cover .cloud{ position: absolute; z-index: 2; right: 10px; top: 20px; width:230px; height: 100px; background: url({OSSURL}public/mobile/img/cloud.png) no-repeat center; background-size:230px 100px; color: #fff; padding: 10px;}
.li_block_2 .on:before{position: relative; content: ""; background: url({OSSURL}public/mobile/img/flower_select.png) no-repeat; background-position:center; background-size: 10px; position: absolute; z-index: 2; height: 10px; width:10px; left: 20px; top: 10px;   }
.situation_level1{ padding: 0 0 0 30px; background: url({OSSURL}public/mobile/img/flower1.png) no-repeat left top; background-size: 20px; }
.situation_level2{ padding: 0 0 0 30px; background: url({OSSURL}public/mobile/img/flower2.png) no-repeat left top; background-size: 20px; }
.situation_level3{ padding: 0 0 0 30px; background: url({OSSURL}public/mobile/img/flower3.png) no-repeat left top; background-size: 20px; }
.evaluation_box .evaluation_box_til1{ border-bottom: 1px solid #c9c9c9; line-height: 30px; height: 30px; color: #55c354; font-size: 16px; padding-left:50px; background: url({OSSURL}public/mobile/img/manual_icon1.png) no-repeat; background-position: 15px bottom; background-size: auto 26px; overflow: auto; zoom:1;}
.headmaster_edit_btn{ float: right; width: 30px; height: 30px; background: url({OSSURL}public/mobile/img/evaluation_edit_icon2.png) no-repeat center; background-size: 20px; padding-right: 10px;}
.other_teacher_edit_btn{ float: right; width: 30px; height: 30px; background: url({OSSURL}public/mobile/img/situation_edit_icon.png) no-repeat center; background-size: 20px; padding-right: 10px; position: absolute; top: 0; right: 0;}
.evaluation_box .evaluation_box_til2{ border-bottom: 1px solid #c9c9c9; line-height: 30px; height: 30px; color: #55c354; font-size: 16px; padding-left:50px; background: url({OSSURL}public/mobile/img/manual_icon2.png) no-repeat; background-position: 15px bottom; background-size: auto 26px;}
.manual_student_list_search .search_btn{ width: 22px; height: 22px; background: url({OSSURL}public/mobile/img/manual_search_icon.png) no-repeat center; background-size: 22px; position: absolute; right: 10px; top: 10px;}
.manual_student_list_ul_a li .ul_a_til .class_icon{ width: 40px; height: 40px; background: url({OSSURL}public/mobile/img/i_icon.png) no-repeat right center; background-size: 16px; float: right; }
.manual_student_list_ul li a{ width: 100%; box-sizing: border-box; padding-right: 22px; border-right: 8px; border-right-color: transparent; background: url({OSSURL}public/mobile/img/manual_to_icon.png) no-repeat right; background-size: 12px; color: #000; line-height: 40px;}
.teacher_evaluation_edit_btn{ position: fixed; bottom: 80px; right: 20px; width: 50px; height: 50px; border-radius: 50%; background-color: #30c6e1; background-image: url({OSSURL}public/mobile/img/evaluation_edit_icon.png); background-position: center; background-size: 22px; z-index: 2; background-repeat: no-repeat;}
.no_data .no_data_icon{ margin-top: 50px; width: 100%; height: 130px; background: url({OSSURL}public/mobile/img/nothing_icon.png) no-repeat center;background-size: 80px;}
.select_cover_li{ width: 54px; height: 54px; float: left; background-image: url({OSSURL}public/mobile/img/image1.jpg); background-repeat: no-repeat; background-size: 46px 46px; background-position: center; position: relative;  }
.select_cover_li.on:before{ width: 25px; height: 25px; position: absolute; right: 5px; bottom: 5px; background: url({OSSURL}public/mobile/img/flower_select.png) no-repeat center; background-size: 20px; content: ""; background-color: #fff; border-radius: 50%;}
.has_eval{margin-left: 25px; float:left; background: url({OSSURL}public/mobile/img/flower_select2.png) no-repeat center; background-size: 10px; height: 40px; line-height: 40px; width: 10px; content: "  "}
.start_time:before { position: absolute; right: 5px; top: 0; width: 30px; height: 30px; content: ""; background-image: url("{OSSURL}public/mobile/img/select_down_icon2.png"); background-size: 18px; background-position: center; background-repeat: no-repeat;  }
.end_time{ position: relative;}
.end_time:before { position: absolute; right: 5px; top: 0; width: 30px; height: 30px; content: ""; background-image: url("{OSSURL}public/mobile/img/select_down_icon2.png"); background-size: 18px; background-position: center; background-repeat: no-repeat;  }
.mb_l{ background:url({OSSURL}public/mobile/img/mb_l.png) no-repeat; background-position:26px 10px; background-size:17px; color:#30c6e1; padding-left:50px;box-sizing: border-box;}
.mb_r{ background:url({OSSURL}public/mobile/img/mb_r.png) no-repeat; background-position:26px 15px; background-size:20px; color:#56c454; padding-left:50px;box-sizing: border-box; border-left:solid 1px #d9d9d9;}
.insert_remark .ir_cell .ir_cell_text input[type=checkbox]{-webkit-appearance: none;width:20px;height:20px; margin:0px;background:url({OSSURL}public/mobile/img/rm_checkbox_b.png) no-repeat;background-size:17px;background-position:0px 0px; vertical-align:middle; border:none;}
.insert_remark .ir_cell .ir_cell_text input[type=checkbox]:checked{-webkit-appearance: none;width:20px;height:20px;  margin:0px; background:url({OSSURL}public/mobile/img/rm_checkbox_c.png) no-repeat;background-size:17px;background-position:0px 0px; vertical-align:middle;  border:none;}
#ir_cell > ir_cell_img{order:2; width:25px; height:10px; margin-right:0px;background:url({OSSURL}public/mobile/img/manual_to_icon_d.png) no-repeat; background-size:20px; background-position:5px 0px;}
</style>